   @import "content.css";    
                                                                    
    html
        {
            margin: 10px;
            padding: 0px;
            font-family: "Mangal";
            font-size: 11pt;
        }
        
    body
        {
            background: url(../images/background.jpg);
            padding: 0 0 0 0; 
            height: 100%;
            text-align: center;   
        }
    
    #container
        {
            width: 854px;
            margin: 0px auto;
            text-align: left; 
            background: url(../images/containerbackground.png);
            
            position: relative;  
        }
        
    #header
        {
            background: url(../images/headerbackground.png);
            height: 284px;  
            text-align: center;
                         
        }
    #banner
        {
            background: url(../images/banner.png);
            height: 226px;
            left:12px;
            top:-1px;
            width:448px;
            float:left;
            position:relative;
            top: 10px;   
        }
    #login
        {
            height: 186px;
            width: 300px;
            float:right;
            position:relative; 
            padding-top:8px; 
            padding-left:7px;
            top: 18px;
            right: 20px;
            background:url(../images/loginbackground.png);     
        }
        
    #login #left
        {
            float:left;
            margin-right: 18px;
            width:44%;
            text-align: right;
            
        }
    #login input
        {
           width:130px; 
        }
    #login input.submit
        {
            background: url(../images/button.png);

            width:97px;
            height:25px;
            color: white;
            border-color: aqua;
            
        }
      
    #login #right
        {
            float:left;
            width:50%;
            text-align: left;
            padding-left:0px; 
        }
    #login #head
        {
            color:#fd4214;
            font-size:1.1em;
            text-align: center;
        }
    
    #menucontainer
        {
            width: 834px;
            position: relative;
            left:12px;                      
        }
        
    #menuleft
        {
            background: url(../images/menuleft.png);
            width:18px;
            height:40px; 
            position:relative;
            top:236px;
            
        }
        
    #menucenter
        {
            background: url(../images/menucenter.png);
            width:806px;
            height:40px;
            position:relative;
            float:left;
            top: 10px;
            left:18px;        
        }
    
      
    #menuItem
        {                     
            float:left;
            margin-top: 1px;
            font-size:1.5em;
            font-weight:900;
            height: 39px;
            padding:0px 20px 0px 20px;
            vertical-align: middle;
        }
    #menuItem:hover
        {
            background: url(../images/hoverbackground.png);
            text-decoration:underline;
            color:#7d5a5a;
        }
        
    #menuright
        {
            background: url(../images/menuright.png);
            width:9px;
            height:40px;
            float:right; 
            position:relative;
            top:10px;
            right:1px;
        }

    
    #menucontainer a
        {
            color:#323431;
            text-decoration: none;
        }
        

    
       
    #contentcontainer
        {
            width: 848px; 
            position: relative;
            overflow: auto;
        }
        
    #box
        {
            height:200px;
            width: 264px;
            padding: 9px;
            float:left;
        }
    
    #boxHeader
        {
            background: url(../images/boxheader.png);
            height:34px;
            width: 264px;
        }
    
    #boxContent
        {
            background: url(../images/box.png);
            height:164px;
            width: 264px;
        }
      
    #footer
        {
            width:854px;
            height:40px;
            float:left;
            background-color:#037ece;  
        }
        
    #footertext
        {
            
            width: 100%;
            text-align: center;
            color:gray;
        }
    
        
        
        
 label.error{
     color:red;
 }